<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="author" content="order by dede58.com"/>
		<title>图书分类管理</title>
		<link rel="stylesheet" href="layui/css/layui.css">
	</head>
	<style>
  .div0{background-color:#393D49;height:870px;}
  .div1{float:left;height:800px;}
  .ul1{height:100%;}
  .font1{height:60px;background-color:#393D49;padding-top:18px;}
  .font2{font-size:20px;color:white;}
  .div2{background-color:#d2d2d2;height:810px;float:left;}
  .div4{padding-top:18px;padding-left:150px;}
  
  .div3{float:left;}
  .td1{background-color:#eeeeee;}
  </style>
	<body>
	<div class="layui-container">
	<div class="div0 layui-row layui-col-space10">
	<div class="font1 layui-col-md12 layui-col-lg12">
	
		<div class="layui-row layui-col-space10">
		  <div class="layui-col-md4 font2">
		   后台管理
		  </div>
		  <div class="layui-col-md4">
		   	
		   	
		  </div>
		  <div class="layui-col-md4 div4">
		    <span class="layui-breadcrumb">
			  <a href="./register.jsp">注册</a>
			  <a href="./login.jsp">登录</a>
			  <a href="./information.jsp">个人中心</a>
			</span>
			</div>
		</div>

	</div>
	
	<div class="div1 layui-col-md2 layui-col-lg2">
	   <ul class="layui-nav layui-nav-tree ul1" lay-filter="test">
		<!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
		 
		  <li class="layui-nav-item">
		    <a href="javascript:;" style="width:150px">图书分类管理</a>
		    <dl class="layui-nav-child">
		      <dd><a href="./classiflcation.jsp">图书类别管理</a></dd>
		      <dd><a href="./position.jsp">图书位置管理</a></dd>
		    </dl>
		  </li>
		  <li class="layui-nav-item"><a href="./addbook.jsp">图书管理</a></li>
		  <li class="layui-nav-item"><a href="">借阅申请管理</a></li>
		  <li class="layui-nav-item"><a href="">图书借阅管理</a></li>
		 
		   <li class="layui-nav-item">
		    <a href="javascript:;" style="width:150px">系统管理</a>
		    <dl class="layui-nav-child">
		      <dd><a href="./role.jsp">角色管理</a></dd>
		      <dd><a href="">角色查看</a></dd>
		      <dd><a href="">角色权限设置</a></dd>
		      <dd><a href="">管理员添加</a></dd>
		      <dd><a href="">管理员修改</a></dd>
		      <dd><a href="">管理员查看</a></dd>
		      <dd><a href="">日志管理</a></dd>
		    </dl>
		  </li>
		</ul>
	</div>
	 <div class="div2 layui-col-md10 layui-col-lg10"> 
	  	<div class="layui-card">
		  <div class="layui-card-header">图书位置管理</div>
		  <div class="layui-card-body">
		   		
		   		
		   				<table class="layui-table" lay-even lay-skin="nob">
							<tbody style="text-align:center;" class="layui-table" lay-skin="row">
							
							<form class="layui-form" action="addclassiflcation.action"> 
						    <tr>
						      <td style="width:30px;" class="td1">编号</td>
						      <td style="width:100px;">
							      <input style="width:80px" type="text" name="TLocation.locationid" class="layui-input">
							  </td>
						    
						      <td style="width:30px;" class="td1">楼层</td>
						      <td style="width:120px;">
							      <input style="width:110px" type="text" name="TLocation.name" placeholder="请输入内容" class="layui-input">
							  </td>
							  
							  <td style="width:60px;"><button class="layui-btn" lay-submit >添加</button></td>
						    
						     <td style="width:800px;"></td>	
						    </tr>
						      </form>
						   </tbody>
						</table>
		   		
		   				<table class="layui-table" lay-even lay-skin="nob">
							<tbody style="text-align:center;" class="layui-table" lay-skin="row">
						  <form class="layui-form" action="addclassiflcation.action"> 
						    <tr>
						      <td style="width:30px;" class="td1">编号</td>
						      <td style="width:100px;">
							      <input style="width:80px" type="text" name="TLocation.locationid" class="layui-input">
							  </td>
						    
						      <td style="width:30px;" class="td1">楼层</td>
						      <td style="width:120px;">
							      <select name="TLocation.bookid" lay-verify="required">
							        <c:forEach var="fileList" items="${fileList}" varStatus="i"> 
							        <option value="${fileList.locationid}">${fileList.name}</option> 
									</c:forEach>  
							      </select>
							  </td>
							  
							  <td style="width:30px;" class="td1">区</td>
						      <td style="width:120px;">
							       <input style="width:110px" type="text" name="TLocation.name" placeholder="请输入内容" class="layui-input">
							  </td>
							  
							  <td style="width:60px;"><button class="layui-btn" lay-submit lay-filter="formDemo">添加</button></td>
						    
						     <td style="width:550px;"></td>	
						    </tr>
						     </form>
						   </tbody>
						</table>	
		   		
						<table class="layui-table" lay-even lay-skin="nob">
							<tbody style="text-align:center;" class="layui-table" lay-skin="row">
						    <form class="layui-form" action="addclassiflcation.action"> 
						    <tr>
							  <td style="width:30px;" class="td1">编号</td>
						      <td style="width:100px;">
							      <input style="width:80px" type="text" name="TLocation.locationid" class="layui-input">
							  </td>	    
										    
						      <td style="width:30px;" class="td1">楼层</td>
						      <td style="width:120px;">
							     <select name="" lay-verify="required" id="sel" onchange="copyText()"> 
							        <c:forEach var="fileList" items="${fileList}" varStatus="i"> 
							        <option value="${fileList.locationid}" >${fileList.name}</option> 
									</c:forEach>  
							      </select>
							  </td>
							  
							  <td style="width:30px;" class="td1">区</td>
						      <td style="width:120px;">
							      <select name="city" lay-verify="required">
							        <option value="">选择</option>
							        <option value="0">A区</option>
							        <option value="1">B区</option>
							      </select>
							  </td>
							  
							  <td style="width:30px;" class="td1">架</td>
						      <td style="width:120px;">
							      <input style="width:110px" type="text" name="TLocation.name" placeholder="请输入内容" class="layui-input">
							  </td>
							  
							  <td style="width:60px;"><button class="layui-btn" lay-submit lay-filter="formDemo">添加</button></td>
						    	
						    	
						    	<td style="width:240px;"> </td>
						    
						    </tr>
						     </form>
						   </tbody>
						</table>		   		
		   		
		   				<table class="layui-table" lay-even lay-skin="nob">
						  <tbody style="text-align:center;" class="layui-table" lay-skin="row">
						    <tr>
						      <td style="width:30px;" class="td1">编号</td>
						      <td style="width:100px;">
							      <input style="width:80px" type="text" name="title" class="layui-input">
							  </td>
						      <td style="width:30px;" class="td1">楼层</td>
						      <td style="width:130px;">
							      <select name="city" lay-verify="required">
							        <option value="">选择</option>
							        <option value="0">1楼</option>
							        <option value="1">2楼</option>
							      </select>
							  </td>
							  
							  <td style="width:30px;" class="td1">区</td>
						      <td style="width:120px;">
							      <select name="city" lay-verify="required">
							        <option value="">选择</option>
							        <option value="0">A区</option>
							        <option value="1">B区</option>
							      </select>
							  </td>
							  
							  <td style="width:30px;" class="td1">架</td>
						      <td style="width:120px;">
							      <select name="city" lay-verify="required">
							        <option value="">选择</option>
							        <option value="0">1号架</option>
							        <option value="1">2号架</option>
							      </select>
							  </td>
							  
							  <td style="width:30px;" class="td1">架层</td>
						      <td style="width:100px;">
							      <input style="width:100px" type="text" name="title" placeholder="请输入内容" class="layui-input">
							  </td>
							  
							  <td style="width:50px;"><button class="layui-btn" >添加</button></td>
						    </tr>
						   </tbody>
						</table>
						
						<hr style="border:2px solid #2F4056;"/>
						<table class="layui-table" style="text-align:center;">
						  <thead>
						    <tr>
						      <th style="text-align:center;">编号</th>
						      <th style="text-align:center;">楼层</th>
						      <th style="text-align:center;">区</th>
						      <th style="text-align:center;">架</th>
						      <th style="text-align:center;">架层</th>
						      <th style="text-align:center;">操作</th>
						    </tr> 
						  </thead>
						  <tbody>
						    <tr>
						      <td>1001</td>
						      <td>1楼</td>
						      <td>A区</td>
						      <td>3号架</td>
						      <td>第2层</td>
						      <td style="width:150px;"><button style="width:100px;" class="layui-btn" lay-submit lay-filter="formDemo">删除</button></td>
						    </tr>
						    <tr>
						      <td>1002</td>
						      <td>2楼</td>
						      <td>C区</td>
						      <td>4号架</td>
						      <td>第3层</td>
						      <td><button style="width:100px;" class="layui-btn" lay-submit lay-filter="formDemo">删除</button></td>
						    </tr>
						  </tbody>
						</table>
						
		   		</form>
		  </div>
		</div>
	  
	</div>
	
	</div>
	</div>
	
	<div style="text-align:center;">
	<br>
		<p>Copyright 2014 - Software Technology from <a href="http://www.yngsxy.net/" title="云南工商学院" target="_blank">云南工商学院</a></p> 
    </div>
	<script src="layui/layui.js" charset="utf-8"></script>
	  <script>
			//Demo
		layui.use('form', function(){
		  var form = layui.form;
		  
		  //监听提交
		  form.on('submit(formDemo)', function(data){
		    layer.msg(JSON.stringify(data.field));
		    return false;
		  });
		});
		
		//注意：导航 依赖 element 模块，否则无法进行功能性操作
		layui.use('element', function(){
		  var element = layui.element;
		  
		  //…
		});
		
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#test1'
		    ,width: '100%' //设置容器宽度
		    ,arrow: 'always' //始终显示箭头
		    //,anim: 'updown' //切换动画方式
		  });
		});
		
	  </script> 
	</body>
</html>